<!DOCTYPE html>
<html>
  <head>
    <title>{{title}}</title>
    <link rel='stylesheet' href='/stylesheets/main.css' />
  </head>
  <body>
    {{!-- 页头 --}}
    <header>
        {{!-- 顶部导航 --}}
        <nav>
          {{!-- logo --}}
          <a href="javaScript:;" class="logo">
            <img src="/images/logo.png" />
            <b>TooUc</b>
          </a>
          {{!-- 导航栏目 --}}
          <ul>
            <li>
              <a href="javaScript:;">教程</a>
            </li>
            <li>
              <a href="javaScript:;">文章</a>
            </li>
            <li>
              <a href="javaScript:;">营销</a>
            </li>
            <li>
              <a href="javaScript:;">工具</a>
            </li>
          </ul>
          {{!-- 导航右侧内容 --}}
          <div class="nav-right">
            {{!-- 搜索容器 --}}
            <div class="search">
              <i class="iconfont icon-sousuo-sousuo search-icon"></i>
            </div>
            {{!-- 用户容器 --}}
            <div class="user">
              {{!-- 用户登录 --}}
              <section class="user-login">
                <i class="iconfont icon-user-outline user-icon"></i>
                <span>登录</span>
              </section> 
              {{!-- 用户头像展示 --}}
  {{!--             <section class="user-headimg">
                <img src="" />
              </section> --}}
            </div>
          </div>
        </nav>

        {{!-- 栏目横导航 --}}
<!--         <div class="top-menu">
          <ul class="menu-list">
            <li>javascript</li>
            <li>php</li>
            <li>python</li>
            <li>java</li>
            <li>mysql</li>
            <li>ios</li>
            <li>android</li>
            <li>node.js</li>
            <li>html5</li>
            <li>linux</li>
            <li>c++</li>
            <li>css3</li>
            <li>git</li>
            <li>golang</li>
            <li>ruby</li>
            <li>vim</li>
            <li>docker</li>
            <li>...</li>
          </ul>
        </div> -->
    </header>
    {{!-- 侧栏 --}}
    <aside></aside>
    {{!-- 内容 --}}
    {{{body}}}
    {{!-- 页脚 --}}
    <footer>
      <div class="description">
        <a href="javaScript:;" class="logo">
          <img src="/images/logo2.png" />
          <b>TooUc</b>
        </a>
        <section class="about">
          <a href="javaScript:;">关于我们</a>
          <a href="javaScript:;">服务条款</a>
          <a href="javaScript:;">购买会员</a>
        </section>
        <section class="href">
          <ul>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
            <li>
              <a href="javaScript:;" target="_blank">PS教程网</a>
            </li>
          </ul>
        </section>
        <section class="contact">
          <ul>
            <li>
              <label>意见反馈：</label>
              <span>316003918@qq.com</span>
            </li>
            <li>
              <label>市场合作：</label>
              <span>aitaohaohuo@yeah.net</span>
            </li>
            <li>
              <label>关注TooUc：</label>
              <span>
                <i class="iconfont icon-user-outline user-icon"></i>
                <i class="iconfont icon-user-outline user-icon"></i>
              </span>
            </li>
          </ul>
        </section>
      </div>
      {{!-- copyRight --}}
      <div class="copy-right">
          <p>Copyright ©2016 - 2017 TooUc WTBF 版权所有 | 京ICP备15000322号</p>
      </div>
    </footer>
    {{!-- 回到顶部 --}}
    <div class="back-top">
      <i class="iconfont icon-huidaodingbu"></i>
    </div>
  </body>
</html>
